{% extends "base.html" %}

{% block conteudo %}

<div id="listar_pessoas">
	<h2>Sugestões de amizade</h2>
	{% for pessoa in pessoas%}
	<div style="float: left;width: 11%;margin-bottom: 20px">
		<img src="{{MEDIA_URL}}{{pessoa.imagem}}" height="65" width="45"/>
	</div>
	<div style="float: right;width: 89%">
	<label><b>{{pessoa.usuario.first_name|title}}</b> <a href="{% url ask.views.listar_perfil pessoa.usuario.username %}">({{pessoa.usuario.username}})</a></label>
	<a href="{% url ask.views.seguir pessoa.pk %}?next=/procurar_amigos/">Seguir</a>
	</div>
	<div class="clear" ></div>
	{% empty %}
	<div style="background-color: #E7E7E1">
		<label> Sem sugestões</label>
	</div>
	{% endfor %}
</div>

{% endblock%}
